<!DOCTYPE html>
<html lang="en">

<head>
  <title>Koheron | Pulse Generator</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="author" content="Koheron">
  <meta charset="utf-8">

  <!--http://stackoverflow.com/questions/49547/making-sure-a-web-page-is-not-cached-across-all-browsers-->
  <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
  <meta http-equiv="Pragma" content="no-cache" />
  <meta http-equiv="Expires" content="0" />

  <script type="text/javascript" src="html-imports.min.js"></script>

  <link rel="shortcut icon" href="kbird.ico">
  <link rel="stylesheet" type="text/css" href="bootstrap.min.css">
  <link rel="stylesheet" type="text/css" href="_koheron.css">
  <link rel="stylesheet" type="text/css" href="main.css">

  <script type="text/javascript" src="jquery.min.js"></script>
  <script type="text/javascript" src="bootstrap.min.js"></script>

  <link rel="import" href="navigation.html" data-parent="navigation">
  <link rel="import" href="plot-basics.html" data-parent="plot-basics">

</head>

<body>

<div id="navigation"></div>

<div class="container-fluid" id="main">

  <div class="row">
    <div class="col-md-8">
      <div id="plot-placeholder" class="plot-placeholder"></div>
      <div id="plot-basics"></div>
    </div>
    <div class="col-md-4">
      <section>

        <div class="crossed">
          <span>Pulses</span>
        </div>

        <div>
          <label for="width-input">Width: </label>
          <input id="width-input" type="number" value="0" min="0" step="0.01" style="width: 100px"
          onchange="app.control.setWidth(this); return false" oninput="app.control.setWidth(this); return false">
        </div>

        <br>

        <div>
          <label for="width-input">Period: </label>
          <input id="period-input" type="number" value="0" min="0" step="0.01" style="width: 100px"
          onchange="app.control.setPeriod(this); return false" oninput="app.control.setPeriod(this); return false">
        </div>

    </section>
    </div>
  </div>

</div>

  <script language="javascript" type="text/javascript" src="jquery.flot.js"></script>
  <script language="javascript" type="text/javascript" src="jquery.flot.resize.js"></script>
  <script language="javascript" type="text/javascript" src="jquery.flot.selection.js"></script>
  <script language="javascript" type="text/javascript" src="jquery.flot.time.js"></script>
  <script language="javascript" type="text/javascript" src="jquery.flot.axislabels.js"></script>

  <script src="app.js?random=<?php echo uniqid(); ?>"></script>

</body>
</html>
